<%@ page language="java" pageEncoding="utf-8" %>
<%@ include file="/include/taglibs.jsp" %>

<script src="${path}/static/taoshunda/goods/goods.js"></script>
<%--<script src="${path}/static/taoshunda/qrcode/jquery.qrcode.min.js"></script>--%>
<link href="${path}/static/css/public/public.css" rel="stylesheet" type="text/css">
<script src="${path}/static/bootstrap/bootstrap-table/bootstrap-table.js"></script>
<%--<style>--%>
<%--#code2-div {--%>
<%--width: 30% !important;--%>
<%--left: 70% !important;--%>
<%--}--%>

<%--</style>--%>


<div class="form-inline">
    <div class="input-group col-xs-2" style="float: left;margin-right: 6px;">
        <input type="text" class="form-control entry" placeholder="请输入商品名称" name="goodsName1"/>
    </div>

    <div class="input-group col-xs-2" style="float: left;margin-right: 6px;">
        <input type="text" class="form-control entry" placeholder="请输入商家名称" name="bussName"/>
    </div>

    <div style="float: left;margin-bottom: 3px;margin-left: 3px">
        <select name="isSpecial" class="form-control entry">
            <option value="">-请选择特价-</option>
            <option value="">全部商品</option>
            <option value="1">特价</option>
            <option value="0">非特价</option>
        </select>
    </div>

    <div style="float: left;margin-bottom: 3px;margin-left: 5px">
        <select class="form-control entry" id="type">
            <option value="0">--商品分类--</option>
        </select>
    </div>

    <button class="btn query_button" id="goodsSelect" style="margin-left: 5px">
        <%--<span class="glyphicon glyphicon-search" aria-hidden="true"></span>--%>
        查询
    </button>
</div>


<table id="table"
       class="table table-striped table-bordered"
       data-toggle="table"
       data-url="${path}/web/goods/findGoods"
       data-toolbar="#toolbar"
       data-side-pagination="server"
       data-pagination="true"
       data-page-list="[5, 10, 20, 50, 100, 200]"
>
    <thead>
    <tr>
        <%--<th data-field="id">编号</th>--%>
        <th data-field="headPic" data-formatter="headPicFormatter">商品图片</th>
        <th data-field="name">商品名称</th>
        <th data-field="bName">商家名称</th>
        <th data-field="typeName">商品分类</th>
        <th data-field="price">售价</th>
        <th data-field="allSaleNum">销量</th>
        <th data-field="isSpecial" data-formatter="priceFormatter">是否特价商品</th>
        <%--<th data-formatter="expirationTime">特价到期时间</th>--%>
        <th data-formatter="goodsFormatter" data-events="goodsEvent">操作</th>
    </tr>
    </thead>
</table>


<!--查看详情-->
<div id="show-div" class="slidingmenu box-model box box-info" model-width="40%" model-left="60%">
    <div class="box box-info">

        <div class="box-header">
            <h3 class="box-title">商品详细</h3>
        </div>

        <div class="box-body">


            <div class="form-group">
                <label>现价(元):</label>
                <input type="text" class="form-control" id="price" readonly style="width: 50%">
            </div>

            <%--<div class="form-group">--%>
            <%--<label>包装费用(元):</label>--%>
            <%--<input type="text" class="form-control" id="bagging" readonly>--%>
            <%--</div>--%>

            <%--<div class="form-group">--%>
            <%--<label>库存:</label>--%>
            <%--<input type="text" class="form-control" id="stock" readonly>--%>
            <%--</div>--%>

            <div class="form-group">
                <label>是否无理由退货(7天):</label>
                <input type="text" class="form-control" id="params" readonly style="width: 50%">
            </div>

            <div class="form-group">
                <label>商品详情图片：</label>
                <div id="showimages"></div>
            </div>

            <div class="form-group">
                <label>商品简介:</label>
                <textarea type="text" class="form-control" id="detail" readonly
                          style="width: 50%;height: 150px"></textarea>
            </div>

            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div>
    </div>
</div>

<!--查看交易记录-->
<div id="jiaoyijilu-div" class="slidingmenu box-model box box-info" model-width="70%" model-left="30%">
    <div class="box box-info">

        <div class="box-header">
            <h3 class="box-title" style="margin-bottom: 15px">交易记录</h3>
        </div>

        <div class="form-inline">
            <input type="hidden" id="id"/>

            <div class="input-group" style="margin-left:10px">
                <input type="text" class="form-control timepicker entry" placeholder="请输入交易时间" style='width:200px'
                       id="jyjltimeS"/>
            </div>
            <div class="input-group">
                <select id="jyjlzffs" class="form-control entry">

                    <option value="-1">支付方式</option>
                    <option value="0">红包抵扣</option>
                    <option value="1">支付宝</option>
                    <option value="2">微信</option>
                    <option value="3">支付宝 + 红包</option>
                    <option value="4">微信 + 红包</option>
                </select>
            </div>
            <button class="btn btn-default" id="orderDetailSelect">
                <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                查询
            </button>
        </div>

        <div class="box-body">
            <table id="table1"
                   data-toggle="table"
                   data-toolbar="#toolbar1"
                   data-side-pagination="server"
                   data-pagination="true"
                   data-page-list="[5, 10, 20, 50, 100, 200]"
            >
                <thead>
                <tr>
                    <th data-field="orderNumber">订单编号</th>
                    <th data-field="businessName">卖家名称</th>
                    <th data-field="userName">买家名称</th>
                    <th data-field="univalent">单价</th>
                    <th data-field="count">数量</th>
                    <th data-field="univalent">金额</th>
                    <th data-field="created">交易时间</th>
                    <th data-field="pay_type" data-formatter="payTypeFormatter">支付方式</th>
                    <th data-field="order_state" data-formatter="orderStatus">订单状态</th>
                </tr>
                </thead>
            </table>
            <h3 class='box-title'>
                <button class="btn btn-danger close-model">关闭</button>
            </h3>
        </div>

    </div>
</div>


<%--<!--生成二维码-->--%>
<%--<div id="code2-div" class="slidingmenu box-model box box-info">--%>
<%--<div class="box box-info">--%>

<%--<div class="box-header">--%>
<%--<h3 class="box-title">生成二维码</h3>--%>
<%--</div>--%>

<%--<div class="box-body">--%>
<%--<div style="margin-top:20px;" id="qrcode"></div>--%>

<%--<div style="margin-top:10px;margin-bottom: 10px;color:red">请使用淘瞬达app扫描</div>--%>
<%--<h3 class='box-footer'>--%>
<%--<button class="btn btn-danger close-model">关闭</button>--%>
<%--</h3>--%>
<%--</div>--%>
<%--</div>--%>
<%--</div>--%>
<div id="detailImage-div" style="z-index:999"  class="slidingmenu box-model box box-info">
    <div class="box box-info">
        <div class="box-body">
            <div class="form-group">
                <div id="image" style="margin-top: 5%">

                </div>
            </div>
            <div class="box-footer">
                <button class="btn btn-danger close-model">关闭</button>
            </div>
        </div><!-- /.box-body -->
    </div>
</div>
